<!DOCTYPE HTML>
<html lang="zh-CN">
  <head>
  	<meta charset="utf-8">
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="http://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">
  </head>
<body role="document">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">饱了么网上订餐系统</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
         <ul class="nav navbar-nav">
   <li class="active"><a href='/customer/home/'>首页</a></li>
   <li ><a href='/customer/signup/'>注册新用户</a></li>
   <li ><a href='/customer/login/'>登录</a></li>
   <li ><a href='/customer/profile'>个人信息</a></li>
   <li ><a href='/customer/logout'>退出登录</a></li>
</ul>
        </div>
  </div>
</nav>



<!--商家 -->
<div class="container">
    <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-xs-12 col-sm-9">
          <p class="pull-right visible-xs">
            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
          </p>
          <div class="jumbotron">
          <h1>欢迎光临!</h1>
          <p>************************</p>
          </div>
          <div class="row">
             <div class="col-xs-6 col-lg-4">
             <img src="picture/picture.jpeg" width="100" height="100"/>      
             <p><a class="btn btn-default" href="#" role="button">商家一</a></p>
             </div>
             <div class="col-xs-6 col-lg-4">
             <img src="picture/picture.jpeg" width="100" height="100"/>      
             <p><a class="btn btn-default" href="#" role="button">商家二</a></p>
             </div>
             <div class="col-xs-6 col-lg-4">
             <img src="picture/picture.jpeg" width="100" height="100"/>      
             <p><a class="btn btn-default" href="#" role="button">商家三</a></p>
             </div>
             <div class="col-xs-6 col-lg-4">
             <img src="picture/picture.jpeg" width="100" height="100"/>      
             <p><a class="btn btn-default" href="#" role="button">商家四</a></p>
             </div>
             <div class="col-xs-6 col-lg-4">
             <img src="picture/picture.jpeg" width="100" height="100"/>      
             <p><a class="btn btn-default" href="#" role="button">商家五</a></p>
             </div>
             <div class="col-xs-6 col-lg-4">
             <img src="picture/picture.jpeg" width="100" height="100"/>      
             <p><a class="btn btn-default" href="#" role="button">商家六</a></p>
             </div>
          </div><!--/row-->
       </div><!--/.col-xs-12.col-sm-9-->
     </div><!--/row-->
</div><!--/.container-->
</body>
</html>
